<HTML>
<HEAD>
<TITLE>Waciwo zIndex warstw</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function setZ(field) {
    switch (field.name) {
        case "top" :
            document.top.zIndex = parseInt(field.value)
            break
        case "mid" :
            document.middle.zIndex = parseInt(field.value)
            break
        case "bot" :
            document.bottom.zIndex = parseInt(field.value)
    }
    showValues()
}
function showValues() {
    document.layers[0].document.forms[0].bot.value = document.bottom.zIndex
    document.layers[1].document.forms[0].mid.value = document.middle.zIndex
    document.layers[2].document.forms[0].top.value = document.top.zIndex

    document.layers[0].document.forms[0].above.value = (document.bottom.above) ? 
    document.bottom.above.name : "(brak)" 
    document.layers[1].document.forms[0].above.value = (document.middle.above) ? 
    document.middle.above.name : "(brak)" 
    document.layers[2].document.forms[0].above.value = (document.top.above) ? 
    document.top.above.name : "(none)" 

    document.layers[0].document.forms[0].below.value = (document.bottom.below) ? 
    document.bottom.below.name : "(brak)" 
    document.layers[1].document.forms[0].below.value = (document.middle.below) ? 
    document.middle.below.name : "(brak)" 
    document.layers[2].document.forms[0].below.value = (document.top.below) ? 
    document.top.below.name : "(none)" 
}
</SCRIPT>
</HEAD>
<BODY onLoad="showValues()">
<B>Okrelanie wartoci waciwoci <TT>layer.zIndex</TT> warstw zdefiniowanych na tym 
samym poziomie hierarchii</B>
<HR>
Podaj nowe wartoci waciwoci zIndex i sprawd jak wpyn te zmiany na sposb 
prezentacji warstw.
<P>
<LAYER TOP="90" WIDTH="300" BGCOLOR="coral">
<FORM>
Waciwoci (pocztkowo) dolnej warstwy:<BR>
<TABLE>
<TR><TD ALIGN="right">Waciwo zIndex:</TD><TD><INPUT TYPE="text" NAME="bot" 
SIZE="3" onChange="setZ(this)"></TD></TR>
<TR><TD ALIGN="right">Waciwo above:</TD><TD><INPUT TYPE="text" NAME="above" 
SIZE="13"></TD></TR>
<TR><TD ALIGN="right">Waciwo below:</TD><TD><INPUT TYPE="text" NAME="below" 
SIZE="13"></TD></TR>
</TABLE>
</FORM>
</LAYER>
<LAYER TOP="220" WIDTH="300" BGCOLOR="aquamarine">
<FORM>
Waciwoci (pocztkowo) rodkowej warstwy:<BR>
<TABLE>
<TR><TD ALIGN="right">Waciwo zIndex:</TD><TD><INPUT TYPE="text" NAME="mid" SIZE=3 
onChange="setZ(this)"></TD></TR>
<TR><TD ALIGN="right">Waciwo above:</TD><TD><INPUT TYPE="text" NAME="above" 
SIZE=13></TD></TR>
<TR><TD ALIGN="right">Waciwo below:</TD><TD><INPUT TYPE="text" NAME="below" 
SIZE=13></TD></TR>
</TABLE></FORM>
</LAYER>
<LAYER TOP="360" WIDTH="300" BGCOLOR="yellow">
<FORM>
Waciwoci (pocztkowo) grnej warstwy:<BR>
<TABLE>
<TR><TD ALIGN="right">Waciwo zIndex:</TD><TD><INPUT TYPE="text" NAME="top" SIZE=3 
onChange="setZ(this)"></TD></TR>
<TR><TD ALIGN="right">Waciwo above:</TD><TD><INPUT TYPE="text" NAME="above" 
SIZE=13></TD></TR>
<TR><TD ALIGN="right">Waciwo below:</TD><TD><INPUT TYPE="text" NAME="below" 
SIZE=13></TD></TR>
</TABLE>
</FORM>
</LAYER>
<LAYER NAME="bottom" BGCOLOR="coral" TOP="90" LEFT="330" WIDTH="350" HEIGHT="190">
    <P><B>Warstwa pocztkowo wywietlona na dole</B></P>
</LAYER>
    <LAYER NAME="middle" BGCOLOR="aquamarine" TOP="110" LEFT="350" WIDTH="350" 
    HEIGHT="190">
    <P><B>Warstwa pocztkowo wywietlona na rodku</B></P>
</LAYER>
<LAYER NAME="top" BGCOLOR="yellow" TOP="130" LEFT="370" WIDTH="350" HEIGHT="190">
    <P><B>Warstwa pocztkowo wywietlona na grze</B></P>
</LAYER>
</LAYER>
</BODY>
</HTML>